import React from 'react';

function MyButton({ label, count, onClick, ...props }) {
    const handleClick = (e) => {
        console.log('Internal handleClick');
        // if (onClick) {
        //     onClick(e); // 调用传递进来的 onClick 处理函数
        // }
    };

    return (
        <button
            {...props}
            onClick={(e) => {
                handleClick(e);
                // if (props.onClick) {
                //     props.onClick(e); // 调用 props 中的 onClick 处理函数
                // }
            }}
        >
            {label} - Clicked {count} times
        </button>
    );
}

// 使用示例
function App() {
    const handleButtonClick = (e) => {
        console.log('Prop onClick');
    };

    return (
        <MyButton
            label="Click Me"
            count={5}
            onClick={handleButtonClick}
        />
    );
}

export default App;
